<template>
  <f7-page>
    TAB2
    <f7-block-title>Simple Links List</f7-block-title>
    <f7-list>
      <f7-list-item title="Link 1" link="#"></f7-list-item>
      <f7-list-item title="Link 2" link="#"></f7-list-item>
      <f7-list-item title="Link 3" link="#"></f7-list-item>
    </f7-list>
    <f7-link href="/form/">go to form</f7-link>
  </f7-page>
</template>
<script>
  export default {
    data () {
      return {
        loginScreenOpened: false,
        username: '',
        password: '',
      }
    },
    methods: {
      signIn () {
        const self = this
        const app = self.$f7
        app.dialog.alert(`Username: ${self.username}<br>Password: ${self.password}`, () => {
          app.loginScreen.close()
        })
      },
    },
  }
</script>
